.work-flow {
  width: 100%;
  min-height: 100%;
  display: flex;

  &-box {
    width: calc(100% - 300px);
    position: relative;
    padding: var(--main-content-padding);
    box-sizing: border-box;
  }

  &-graph {
    width: 100%;
    height: 100%;

    :deep(.lf-graph) {
      background-color: var(--el-bg-color);
    }
  }

  &-form {
    width: 300px;
    min-height: 100%;
    border-left: var(--el-border);
    box-sizing: border-box;
    position: relative;

    :deep(.el-form) {
      padding: var(--main-content-padding);
      box-sizing: border-box;
      height: calc(100% - 40px);
    }
  }
}